import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import yoHistory from '$common/history';

import './index.scss';
import {Link} from '$router';

class Footer extends Component {
    render() {
        return (
            

            <div className="yo-tab yo-tab-view">
                       
                <Link to="/skill" className="item item-y-ico " activeClassName="item-on">   
                    <i className="yo-ico iconfont icon-jineng"></i>
                    <span>技能</span>
                </Link>
        
                <Link to="/project" className="item item-y-ico" activeClassName="item-on">
                    <i className="yo-ico iconfont icon-project"></i>
                    <span>项目</span>
                </Link>

                <Link to="/experience" className="item item-y-ico" activeClassName="item-on">
                    <i className="yo-ico iconfont icon-gongzuojingli"></i>
                    <span>经历</span>
                </Link>

                <Link to="/my" className="item item-y-ico" activeClassName="item-on">
                    <i className="yo-ico iconfont icon-wode"></i>
                    {/* <i className="yo-ico"></i> iconfont icon-gril */}
                    <span>我的</span>
                </Link>
            </div>
           
        )
    }
}

export default Footer;
